import styled from "styled-components";

export const AppContainer = styled.div``;

export const TwoColumnGrid = styled.main`
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 1200px;
  //   color: ${({ theme: { colors } }) => colors.secondary};
  @media only screen and (min-width: 768px) {
    grid-template-columns: 1fr 4fr;
  }
`;
export const Side = styled.div`
  padding: 15px;
`;
export const MainHeader = styled.div`
  padding: 0 15px;
`;
